<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html> 
<head> 
   	<title><fmt:message key="message.title" /></title> 
   	<link rel="stylesheet" href="<%=request.getContextPath()%>/css/estilos_app.css" type="text/css"> 
   	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/cssverticalmenu.css" />
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/cssverticalmenu.js"></script>
	
<script type="text/javascript">

/***********************************************
* DHTML slideshow script-  © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var photos=new Array()
var photoslink=new Array()
var which=0

//define images. You can have as many as you want:
photos[0]="<%=request.getContextPath()%>/images/j1.jpg"
photos[1]="<%=request.getContextPath()%>/images/j2.jpg"
photos[2]="<%=request.getContextPath()%>/images/j3.jpg"		
photos[3]="<%=request.getContextPath()%>/images/j4.jpg"
photos[4]="<%=request.getContextPath()%>/images/j5.jpg"
photos[5]="<%=request.getContextPath()%>/images/j6.jpg"
photos[6]="<%=request.getContextPath()%>/images/j7.jpg"
photos[7]="<%=request.getContextPath()%>/images/j8.jpg"
photos[8]="<%=request.getContextPath()%>/images/j9.jpg"
photos[9]="<%=request.getContextPath()%>/images/j10.jpg"
photos[10]="<%=request.getContextPath()%>/images/j11.jpg"

//Specify whether images should be linked or not (1=linked)
var linkornot=0

//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
photoslink[5]=""
photoslink[6]=""
photoslink[7]=""
photoslink[8]=""
photoslink[9]=""
photoslink[10]=""
//do NOT edit pass this line

var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}


function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}



function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealTrans.play()
}

function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}


function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function transport(){
window.location=photoslink[which]
}

</script>
	
	
</head> 
<body> 
	<div class="notTransparent" id="divIntro">
	<span style="align:center;">
       <%@ include file="slidesInclude.jsp"%>
       </span>
	</div>
	<table width="945px" border="0" align="center" cellpadding="0" cellspacing="0">
		<tr><td valign="top" align="right" height="100px""><img src="<%=request.getContextPath()%>/images/topLeft.jpg"></img></td>
			<td rowspan="2"><img src="<%=request.getContextPath()%>/images/fotoJanela.jpg" height="700px"></img></td>
		</tr>	
		<tr>
			<td align="center">
				<%@ include file="include.jsp"%>
			</td>
		</tr>
	</table>	
 
</body> 
</html> 